:root {
  --primary-color: #177ddc;
  --primary-hover-color: #3c9ae8;
  --primary-active-color: #096dd9;

  --background-color: #141414;
  --background-secondary-color: #1f1f1f;

  --text-color: rgba(255, 255, 255, 0.85);
  --text-secondary-color: rgba(255, 255, 255, 0.65);

  --border-color: #434343;

  --header-bg-color: #1f1f1f;
  --header-text-color: rgba(255, 255, 255, 0.85);

  --card-bg-color: #1f1f1f;
  --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);

  --button-bg-color: var(--primary-color);
  --button-text-color: rgba(255, 255, 255, 0.85);
}